// 头部标签

.good_day_box {
  width: 100%;

  .good_day_nav {
    background-color: #f83244;
    color: white !important;
  }

  .center {
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f83244;

    .title {
      height: 0.4rem;
      line-height: 0.4rem;
      font-size: 0.44rem;
      color: white;
    }
  }

  .user_header {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background-color: #f83244;
    color: white;

    .user_header_span1 {
      margin-left: 8%;
      margin-right: 26%;
      vertical-align: -0.1rem;
      background: white;
      height: 0.6rem;
      width: 0.6rem;
      text-align: center;
      line-height: 0.76rem;
      display: inline-block;
      border-radius: 50%;
      border: 1px solid rgba(128, 128, 128, 0.151);
    }
  }

  // 结婚吉日tabs栏样式
  .good_tabs {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #f83244;
    height: 0.9rem;
    font-size: 0.3rem;
    color: white;

    .change_page {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      padding: 0 0.4rem;
      width: 30%;
      cursor: pointer;

      .change_ico {
        background-color: #ff6572;
        width: 0.36rem;
        height: 0.36rem;
        border-radius: 50%;
        line-height: 0.4rem;
        text-align: center;
      }
    }

    .select_date {
      background-color: #ff6572;
      border-radius: 0.01rem;
      padding: 0.01rem 0.2rem 0.01rem 0.3rem;
      width: 31%;
      cursor: pointer;

      span:nth-child(2) {
        margin-left: 0.01rem;
      }
    }

    .my_collect {
      width: 30%;
      text-align: center;
      cursor: pointer;
    }
  }

  .good_day_body {
    background-color: #f2f2f6;

    // 抢定热门档期卡片样式
    .date_info_card {
      margin: 0.3rem 0.4rem;

      .date_info_card_head {
        justify-content: center;
        font-size: 0.34rem;
        text-align: center;

        b {
          font-size: 0.28rem;
        }
      }

      .current_pointOut {
        height: 0.6rem;
        // background-color: #46d788;
        width: 100%;
        border-radius: 0.2rem;

        .pointOutList {
          display: flex;
          justify-content: space-between;
          align-items: center;

          .pointOutItem {
            // display: flex;
            // justify-content: space-around;
            // flex-direction: column;
            // align-items: center;
            width: 25%;
            text-align: center;

            .icon {
              // padding: 1.5rem;
              display: inline-block;
              height: 0.6rem;
              width: 0.6rem;
              line-height: 0.6rem;
              text-align: center;
              background-color: #717171;
              border-radius: 50%;
              margin-right: 0.016rem;
              color: white;
            }
          }
        }
      }

      .current_date {
        text-align: center;
        color: #717171;
        font-size: 0.3rem;
        padding: 0.2rem;
      }

      .opt {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.2rem;
        padding: 0.014rem 0.76rem;

        span {
          color: #f83e4e;
        }
      }

      .date_info_card_footer {
        display: flex;
        justify-content: center;

        .show-more {
          background: linear-gradient(to right, #ff547a 0%, #ff2b4f 100%);
          border: 0px;
          font-size: 0.34rem;
          width: 90%;
        }
      }
    }
  }
}

.good_day_popup {
  .rv-picker-column__wrapper > .rv-picker-column__item:nth-child(1) {
    // display: none !important;
    // background-color: #ff819c;
    border-radius: 1rem;
    color: white;
  }
}
